<!DOCTYPE html4>
<html lang="ko">
<head>
  <meta charset="UTF-8" />

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  <title>index</title>
  <meta name="description" content="" />
  <meta name="author" content="ch choongang" />

  <meta name="viewport" content="width=device-width; initial-scale=1.0" />

  <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="/favicon.ico" />
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
  <style>
  	table {background: green;s}
  </style>
  <script>
  	document.onload=function(){
  		alert("안녕하세요 저는 자바스크립트입니다")
  	}
  </script>
</head>

<body>
  <div>
    <header>
      <h1>index</h1>
      <h1>texts h1은 크고 진하게 한 라인 전체를 차지</h1>
      <h6>h1,h2,h3,h4,h5,h6</h6>
      <b>bold진하게</b>
      <i>italic 이탤릭체 비스듬한 글자</i>
      <u>underbar 밑줄<br>
         (앞으로 u사용하지말고 밑줄 긋고 싶으면 css써라) </u>
       줄 바꾸고 싶으면  &lt; br &gt; 이렇게 써라
      <div>div는 division으로 한 라인을 혼자만 사용</div>
      <span>span도 div처럼 구분할때 사용하지만 라인을 바꾸지 않는다</span>
      <span>위의 span바로 오른쪽에 나옵니</span>
      <p>paragraph문단 div처럼 한 라인을 혼자만 사용한다.</p>
      <img="https://ssl.gstatic.com/images/icons/feature/filing_cabinet-g42.png" />
      
      <table>
      	<tr>
      		<th>첫 번 &nbsp;&nbsp;&nbsp;째 </th>
      		<td>두번째</td>
      	</tr>
      	<tr>
      		<th>세번째 </th>
      		<td>네째</td>
      	</tr>
    </header>
    
    <nav>
      <p><a href="/">Home</a></p>
      <p><a href="/contact">Contact</a></p>
    </nav>

    <div>
      
    </div>

    <footer>
     <p>&copy; Copyright  by ch choongang</p>
    </footer>
  </div>
</body>
</html>
